<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表框图像浏览器</title>
</head>
<body>
<div style="width: 500px;height: 500px;margin: auto;border: #00ff33 1px solid">
    <img id="img" src="../static/img/img1.jpg" width="300px"/>
    <select id="select" onchange="change()">
        <option value="1">请选择图像</option>
        <option value="2">图像1</option>
        <option value="3">图像2</option>
    </select>
</div>

</body>
<script>
    function change() {
        let dom = document.getElementById("select")
        let img = document.getElementById("img")
        img.src = '../static/img/img' + dom.value + '.jpg'
    }
</script>
</html>